Proje: Kişisel Web Sitesi - Sayfa 1


Önemli Uyarı:


Eğitimlerde tümevarım anlatımı şekline göre hazırlanmıştır. Sıralamayı bozmadan devam ediniz.

Örneğin; başlamadan önce ve süreçte kafanızda çok fazla soru işareti olabilir, hiç önemli değil, devam edin.

Sonda başa doğru geliyoruz, bu yüzden yalnızca o anda anlatılana dikkat edin.

Bu Proje Sonunda Aşağıdaki Soruların Cevaplarını Öğreneceksiniz:

  • Temel düzeyde bir site nasıl yapılır ve yayınlanır?
  • HTML, CSS ve JS’i uygulamalı bir şekilde bir projede nasıl kullanırım?
  • Bir web projesi sunucuda nasıl barındırılır?
  • Temel düzeyde hosting & domain kavramları nedir?

2) Kodlamaya Başlıyorsun


Sol "Gezgin" penceresinden yeni dosya oluşturun ve ismine 'index.html' deyin.

Sayfanız temel şablonu aşağıdaki gibi olmalıdır;


  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Temel HTML Şablonu</title>
  </head>
  <body>
    <header>
      <h1>Merhaba, Dünya!</h1>
    </header>
    <main>
      <p>Bu, temel bir HTML şablonunun örneğidir.</p>
    </main>
    <footer>
      <p>&copy; 2024 Tüm Hakları Saklıdır</p>
    </footer>
  </body>
  </html>